.body{
    background-color: #29BDE0;
    width: 350px;
    height: 582px;
    margin:100px auto;
    border:1px solid #ccc;
  
}
h3{
    text-align: center;
    color:#fff;
    margin-top:30px;
}
ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
 margin: 20px ;
padding-bottom: 20px;
margin-top:30px;
    border-bottom: 2px solid #fff;
}
ul>li{
    flex:70px;
    height: 70px;
    border:2px solid #fff;
    margin:10px;
    position: relative;
    background-color: #F5C97B;
}
li span{
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 13px;
    background-color: #83B09A;
    text-align: center;
    color:#fff;
}
li div{
    text-align: center;
    margin-top:10px;
}
button{
    display: block;
    width: 260px;
    height: 40px;
    margin:50px auto 30px;
    border:0;
    background-color: #FBB435;
    color:#fff;
    font-size: 18px;
}
.data{
    display: none;
}
.button1{
    display: none;
}
.button2{
    display: none;
}
.button3{
    display: none;
}
.button4{
    display: none;
}
.button5{
    display: none;
}
h1{
    display: block;
    text-align: center;
}
.kill{
    text-align: center;
    padding:20px;
   
}
.show{
    padding-top:20px;
   padding-left: 20px;
   font-size: 18px;
   color:#F5C97B; 
}